<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<!-- The examples use the SVN trunk so they always get the latest versoin --> 
<script src="http://moocanvasshadow.googlecode.com/svn/trunk/js/mootools-1.2-core.js" type="text/javascript"></script>
<script src="http://moocanvasshadow.googlecode.com/svn/trunk/js/moocanvas.js"></script>
<script src="http://moocanvasshadow.googlecode.com/svn/trunk/js/mooCanvasShadow.js"></script>

<script type="text/javascript">
<!--	

window.addEvent('domready',function(){

	$('shadow').mooCanvasShadow({
		opacity: 0.1,
		size: 40,
		radius: 15,
		color: '#999999'
	});	
})

//-->
</script>

<style type="text/css">

body {
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding: 0;
	margin: 0;
}

#shadow {
	width: 400px;
	padding: 40px;
	margin: 100px;
	background: #FFF;
}


</style>

<title>MooCanvasShadow</title>
</head>
<body>

<div id="shadow">
	<h2>This is created with only this code:</h2>
	<code><pre>
	$('shadow').mooCanvasShadow({
		opacity: 0.1,
		size: 40,
		radius: 15,
		color: '#999999'
	});	</pre>
	</code>
	Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent sit amet risus. Etiam neque pede, sodales at, eleifend at, lobortis in, lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec dolor nibh, pulvinar non, lacinia vitae, pulvinar eget, orci. Aenean eros purus, lobortis in, semper sed, sagittis vel, odio. Donec metus neque, malesuada non, viverra quis, lobortis eget, tortor. Nulla facilisi. Cras pulvinar. Curabitur et nunc et tellus congue fermentum. Praesent enim eros, ultrices sed, volutpat vel, vestibulum et, ipsum. In hac habitasse platea dictumst. Sed pellentesque justo vel mi. Vestibulum porta dolor at elit. Donec sit amet tortor. Duis porta est a orci. Donec ante. Donec quis libero eu lectus rutrum tempus. Duis et nisl eu massa ultrices varius. Fusce sed metus. Donec id ipsum.	
</div>

</body>
</html>